<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>李海容vue-learning</title>
		<link rel="stylesheet" href="<%= htmlWebpackPlugin.files.chunks.index.css[0] %>" />
		<style>
			[v-cloak]{
				display:none;
			}
		</style>
	</head>
	<body>
		<div id="index-app" v-cloak><!-- v-cloak配合css让整个vue绑定的el在渲染完成后才显示，避免了页面闪烁现象 -->
			<!-- <div>测试vuex{{testStateCount}}</div> -->
		<el-container>
		  <el-header class="header">
				<el-row :gutter="10">
					<el-col :sm="3" :xs="24">
						<a href="#">
							<img src="${ require('./images/logo.png') }" class="logo" alt="logo"/>
							<span>learn vue</span>
						</a>
					</el-col>
					<el-col :sm="9" :xs="0">
						<!-- 空节点代替offset，以确保响应式 -->
						&nbsp;
					</el-col>
					<el-col :sm="6" :xs="12">
						<el-input placeholder="请输入内容"></el-input>
					</el-col>
					<el-col :sm="6" :xs="12">
						<ul class="nav-bar">
							<li class="nav-bar-item dropdown active"><a href="#">学习</a>
							<ul class="dropdown-menu">
								<li class="dropdown-item">
									<router-link :to="'/base/pageVuex/Vuex'" class="dropdown-item-link">Vuex</router-link>
								</li>
								<li class="dropdown-item">
									<router-link :to="'/base/pageVueRouter/Vue Router'" class="dropdown-item-link">Vue Router</router-link>
								</li>
								<li class="dropdown-item">
									<router-link :to="'/base/pageVueRouter/Vue Router1'" class="dropdown-item-link">Vue Router1</router-link>
								</li>
							</ul>
							</li>
							<li class="nav-bar-item"><a href="https://gitee.com/kungfupan/vue-learning" target="_blank">项目地址</a></li>
						</ul>
					</el-col>
				</el-row>
			</el-header>
		  <el-container>
			<el-aside class="index-wrap-left">
				<lhr-list-tree :tree-data.sync="treeData" :root-font-size="18" ref="listTree" :get-nodetext="getNodetext"></lhr-list-tree>
			</el-aside>
			<el-main class="index-wrap-right"><router-view></router-view></el-main>
		  </el-container>
		</el-container>
		</div>
		
		
	</body>
	<script src="<%= htmlWebpackPlugin.files.chunks.index.entry %>" type="text/javascript" charset="utf-8"></script>
</html>